<script setup lang="ts">
  const { data: page } = await useAsyncData('ai', () => queryContent('/ai').findOne())
  if (!page.value) {
    throw createError({
      statusCode: 404,
      statusMessage: 'Page not found',
      fatal: true
    })
  }
  useSeoMeta({
    title: page.value.title,
    ogTitle: page.value.title,
    description: page.value.description,
    ogDescription: page.value.description
  })
</script>

<template>
  <UContainer v-if="page">
    <UPageHeader :title="page.title" :description="page.description" class="py-[50px]" />
    <UPageBody></UPageBody>
  </UContainer>
</template>
